Optional Chaining

今まで以下のように書いていたもののショートハンドのシンタックス

code:ts

const x = foo != null && foo.bar != null && foo.bar.baz() // いままで

const x = foo?.bar?.baz() // use OptionalChaining

JSにコンパイルするときは今まで通り

簡潔にかけて嬉しい！

もちろんstrictNullChecks: trueじゃないと、元々エラーにならない

関数呼び出しにも使える

code:ts

add?.(2, 3)

確かにエラーで「TypeError: "hogehoge" is not a function」よくみるもんなmrsekut.icon

Nullish Coalescing演算子と組み合わせて、以下のように書ける

const x = foo?.bar?.baz() ?? 'baz'

React Navigation v4のgetParams()みたいな使い心地

配列に対しても使える

?.[]

Swiftにもある

参考

他言語についても、詳しい